﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Ribbon_NoMenu.aspx.cs" Inherits="Default" %>

<%@ Register src="Ribbon/Ribbon_BigItem.ascx" tagname="Ribbon_BigItem" tagprefix="SBRibbon" %>
<%@ Register src="Ribbon/Ribbon_SmallItem.ascx" tagname="Ribbon_SmallItem" tagprefix="SBRibbon" %>
<%@ Register src="Ribbon/Ribbon_Group.ascx" tagname="Ribbon_Group" tagprefix="SBRibbon" %>
<%@ Register src="Ribbon/Ribbon_Separator.ascx" tagname="Ribbon_Separator" tagprefix="SBRibbon" %>
<%@ Register src="Ribbon/Ribbon_Zone.ascx" tagname="Ribbon_Zone" tagprefix="SBRibbon" %>
<%@ Register src="Ribbon/Ribbon_DualGroup.ascx" tagname="Ribbon_DualGroup" tagprefix="SBRibbon" %>
<%@ Register src="Ribbon/Ribbon_IconItem.ascx" tagname="Ribbon_IconItem" tagprefix="SBRibbon" %>
<%@ Register src="Ribbon/Ribbon_MultiLineGroup.ascx" tagname="Ribbon_MultiLineGroup" tagprefix="SBRibbon" %>
<%@ Register src="Ribbon/Ribbon_DDSmallItem.ascx" tagname="Ribbon_DDSmallItem" tagprefix="SBRibbon" %>
<%@ Register src="Ribbon/Ribbon_DDIconItem.ascx" tagname="Ribbon_DDIconItem" tagprefix="SBRibbon" %>
<%@ Register src="Ribbon/Ribbon_DDBigItem.ascx" tagname="Ribbon_DDBigItem" tagprefix="SBRibbon" %>
<%@ Register src="Ribbon/Ribbon_Gallery.ascx" tagname="Ribbon_Gallery" tagprefix="SBRibbon" %>
<%@ Register src="Ribbon/Ribbon_GallerySubItem.ascx" tagname="Ribbon_GallerySubItem" tagprefix="SBRibbon" %>
<%@ Register src="Ribbon/Ribbon_FileMenu.ascx" tagname="Ribbon_FileMenu" tagprefix="SBRibbon" %>
<%@ Register src="Ribbon/Ribbon_FileMenuItem.ascx" tagname="Ribbon_FileMenuItem" tagprefix="SBRibbon" %>
<%@ Register src="Ribbon/Ribbon_ColorPicker.ascx" tagname="Ribbon_ColorPicker" tagprefix="SBRibbon" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Office 2010 Ribbon Test</title>
    <link href="Ribbon/Ribbon.css" rel="stylesheet" type="text/css" />
    <script src="Ribbon/Ribbon.js"></script>
   </head>
<body> 
    <form id="form1" runat="server">
    
<ajaxToolkit:ToolkitScriptManager runat="server"  ID="ScriptManager1">
    </ajaxToolkit:ToolkitScriptManager>    
    
    <script>
        // Some Javascript used by Ribbon items
        function TestJS() {
            alert("Hello world !");
        }

        function TestColorPicker1(val) {
            alert("ColorPicker 1 -> Selected color : \"" + val + "\"");
        }

        function TestColorPicker2(val) {
            alert("ColorPicker 2 -> Selected color : \"" + val + "\"");
        }
    </script>
    
    <div style="font-size:8pt; text-align:center;">
    Application Title may go here...
    </div>
    
    
    <ajaxToolkit:TabContainer ID="TabContainer1" runat="server" CssClass="SBRibbon-theme">
        <ajaxToolkit:TabPanel ID="TabPanel1" runat="server">
            <HeaderTemplate>
                Général
            </HeaderTemplate>
            <ContentTemplate>
                <SBRibbon:Ribbon_Zone ID="Ribbon_Zone1" runat="server">
                    <ContentTemplate>
                    
                        <SBRibbon:Ribbon_Group ID="Ribbon_Group2" runat="server" Text="First group">
                            <ContentTemplate>
                                <SBRibbon:Ribbon_SmallItem ID="Ribbon_SmallItem7" runat="server" ImageUrl="../Img/reply-group.png"
                                    Text="Envoyer au groupe" />
                                <SBRibbon:Ribbon_SmallItem ID="Ribbon_SmallItem8" runat="server" ImageUrl="../Img/reply-group.png"
                                    Text="Transférer au groupe" />
                                <SBRibbon:Ribbon_SmallItem ID="Ribbon_SmallItem9" runat="server" ImageUrl="../Img/reply-group.png"
                                    Text="Transférer au groupe" />
                            </ContentTemplate>
                        </SBRibbon:Ribbon_Group>
                        
                        <SBRibbon:Ribbon_DualGroup ID="Ribbon_DualGroup2" runat="server" Text="Dual Group">
                            <LeftContentTemplate>
                                <SBRibbon:Ribbon_DDBigItem ID="Ribbon_DDBigItem1" runat="server" ImageUrl="../img/reply.png"
                                    Text="Transférer" Tooltip="A Big Drop-Down Menu">
                                    <ContentTemplate>
                                        <SBRibbon:Ribbon_SmallItem ID="Ribbon_SmallItem87" runat="server" ImageUrl="../Img/reply-group.png"
                                            Text="Envoyer au groupe" />
                                        <SBRibbon:Ribbon_SmallItem ID="Ribbon_SmallItem88" runat="server" ImageUrl="../Img/reply-group.png"
                                            Text="Transférer au groupe" />
                                        <SBRibbon:Ribbon_SmallItem ID="Ribbon_SmallItem89" runat="server" ImageUrl="../Img/reply-group.png"
                                            Text="Transférer au groupe" />
                                    </ContentTemplate>
                                </SBRibbon:Ribbon_DDBigItem>
                            </LeftContentTemplate>
                            <RightContentTemplate>
                                <SBRibbon:Ribbon_SmallItem ID="Ribbon_SmallItem3" runat="server" ImageUrl="../Img/send.png"
                                    Text="Envoyer au groupe" />
                                <SBRibbon:Ribbon_DDSmallItem ID="Ribbon_DDSmallItem1" runat="server" ImageUrl="../Img/application_side.png" Text="Drop down menu">
                                    <ContentTemplate>
                                        <SBRibbon:Ribbon_SmallItem ID="Ribbon_SmallItem91" runat="server"
                                            Text="Transférer au groupe" />
                                        <SBRibbon:Ribbon_SmallItem ID="Ribbon_SmallItem92" runat="server" ImageUrl="../Img/add.png"
                                            Text="Another Action here" />   
                                        <SBRibbon:Ribbon_SmallItem ID="Ribbon_SmallItem96" runat="server" ImageUrl="../Img/attach.png"
                                            Text="And one more..." />
                                        <SBRibbon:Ribbon_SmallItem ID="Ribbon_SmallItem910" runat="server" ImageUrl="../Img/send.png"
                                            Text="Lorem Ipsum" />                                                                                                                
                                        <SBRibbon:Ribbon_SmallItem ID="Ribbon_SmallItem911" runat="server" ImageUrl="../Img/icon_excel.gif"
                                            Text="Envoyer vers Microsoft Excel" />  
                                    </ContentTemplate>
                                </SBRibbon:Ribbon_DDSmallItem>
                                
                                <SBRibbon:Ribbon_DDIconItem ID="Ribbon_DDIconItem221" runat="server" ImageUrl="../img/paint-can-color.png" ToolTip="A Color Picker">
                                    <ContentTemplate>
                                        <SBRibbon:Ribbon_ColorPicker ID="Ribbon_ColorPicker11" runat="server" OnClientClick="TestColorPicker1" ShowDefaultColor="true" ShowDefaultPalette="true" />                                          
                                    </ContentTemplate>
                                </SBRibbon:Ribbon_DDIconItem>                                
                            </RightContentTemplate>
                        </SBRibbon:Ribbon_DualGroup>                       
                        
                        <SBRibbon:Ribbon_Group ID="Ribbon_Group6" runat="server" Text="With a Gallery">
                            <ContentTemplate>
                                <SBRibbon:Ribbon_Gallery ID="Ribbon_Gallery1" runat="server" ItemsToShow="3" ItemsPerLine="4" CanExpand="true">
                                <ContentTemplate> 
                                    <SBRibbon:Ribbon_GallerySubItem ID="Ribbon_GallerySubItem1" Tooltip="One" runat="server" Text="One" ImageUrl="../Img/hp_barchart.png" />
                                    <SBRibbon:Ribbon_GallerySubItem ID="Ribbon_GallerySubItem2" Tooltip="Two" runat="server" Text="Two" ImageUrl="../Img/hp_refreshgraph.png" />
                                    <SBRibbon:Ribbon_GallerySubItem ID="Ribbon_GallerySubItem3" Tooltip="Three" runat="server" Text="Three" ImageUrl="../Img/hp_tabsgraph.png" />
                                    <SBRibbon:Ribbon_GallerySubItem ID="Ribbon_GallerySubItem4" Tooltip="Four" runat="server" Text="Four" ImageUrl="../Img/bullet_orange.png" />
                                    <SBRibbon:Ribbon_GallerySubItem ID="Ribbon_GallerySubItem5" Tooltip="Five" runat="server" Text="Five" ImageUrl="../Img/bullet_orange.png" />
                                    <SBRibbon:Ribbon_GallerySubItem ID="Ribbon_GallerySubItem6" Tooltip="Six" runat="server" Text="Six" ImageUrl="../Img/bullet_orange.png" />
                                    <SBRibbon:Ribbon_GallerySubItem ID="Ribbon_GallerySubItem7" Tooltip="Seven" runat="server" Text="Seven" ImageUrl="../Img/bullet_orange.png" />
                                    <SBRibbon:Ribbon_GallerySubItem ID="Ribbon_GallerySubItem8" Tooltip="Eight" runat="server" Text="Eight" ImageUrl="../Img/bullet_orange.png" />
                                    <SBRibbon:Ribbon_GallerySubItem ID="Ribbon_GallerySubItem9" Tooltip="Nine" runat="server" Text="Nine" ImageUrl="../Img/bullet_orange.png" />
                                    <SBRibbon:Ribbon_GallerySubItem ID="Ribbon_GallerySubItem10" Tooltip="Ten" runat="server" Text="Ten" ImageUrl="../Img/bullet_orange.png" />
                                    <SBRibbon:Ribbon_GallerySubItem ID="Ribbon_GallerySubItem11" Tooltip="Eleven" runat="server" Text="Eleven" ImageUrl="../Img/bullet_orange.png" />                                  
                                    <SBRibbon:Ribbon_GallerySubItem ID="Ribbon_GallerySubItem12" Tooltip="Twelve" runat="server" Text="Twelve" ImageUrl="../Img/bullet_orange.png" />
                                    <SBRibbon:Ribbon_GallerySubItem ID="Ribbon_GallerySubItem13" Tooltip="Thirteen" runat="server" Text="Thirteen" ImageUrl="../Img/bullet_orange.png" />
                                    <SBRibbon:Ribbon_GallerySubItem ID="Ribbon_GallerySubItem14" Tooltip="Fourteen" runat="server" Text="Fourteen" ImageUrl="../Img/bullet_orange.png" />
                                    <SBRibbon:Ribbon_GallerySubItem ID="Ribbon_GallerySubItem15" Tooltip="Fifteen" runat="server" Text="Fifteen" ImageUrl="../Img/bullet_orange.png" />
                                </ContentTemplate>
                                </SBRibbon:Ribbon_Gallery>
                            </ContentTemplate>
                        </SBRibbon:Ribbon_Group>
                        
                        <SBRibbon:Ribbon_Group ID="Ribbon_Group5" runat="server" Text="Ruban">
                            <ContentTemplate>
                                <SBRibbon:Ribbon_BigItem ID="Ribbon_BigItem1" runat="server" ImageUrl="../img/next.png"
                                    Text="Ajouter<br>des boutons" />
                            </ContentTemplate>
                        </SBRibbon:Ribbon_Group>
                        
                    </ContentTemplate>
                </SBRibbon:Ribbon_Zone>
            </ContentTemplate>
        </ajaxToolkit:TabPanel>
        <ajaxToolkit:TabPanel ID="TabPanel2" runat="server">
            <HeaderTemplate>
                Insertion
            </HeaderTemplate>
            <ContentTemplate>
                <SBRibbon:Ribbon_Zone ID="Ribbon_Zone2" runat="server">
                    <ContentTemplate>
                    
                        <SBRibbon:Ribbon_MultiLineGroup ID="Ribbon_MultiLineGroup1" runat="server" Text="Multi line group">
                            <TopContentTemplate>
                                <asp:CheckBox ID="CheckBox4" runat="server" Text="ASP.NET Checkbox" />                                                    
                            </TopContentTemplate>
                            <MiddleContentTemplate>
                                <SBRibbon:Ribbon_IconItem ID="Ribbon_IconItem5" runat="server" Tooltip="Just an icon item here..." ImageUrl="../img/arrow_refresh.png" />
                                <SBRibbon:Ribbon_IconItem ID="Ribbon_IconItem4" runat="server" Tooltip="Another icon item here..." ImageUrl="../img/attach.png" />
                                <SBRibbon:Ribbon_IconItem ID="Ribbon_IconItem8" runat="server" Tooltip="One more icon item here..." ImageUrl="../img/application_side.png" />            
                                <SBRibbon:Ribbon_DDIconItem ID="Ribbon_DDIconItem1" runat="server" ImageUrl="../img/paint-can-color.png" ToolTip="A Color Picker">
                                    <ContentTemplate>
                                        <SBRibbon:Ribbon_ColorPicker ID="Ribbon_ColorPicker1" runat="server" OnClientClick="TestColorPicker2" ShowDefaultColor="false" ShowDefaultPalette="true"  />                                          
                                    </ContentTemplate>
                                </SBRibbon:Ribbon_DDIconItem>
                            </MiddleContentTemplate>  
                            <BottomContentTemplate>
                                <SBRibbon:Ribbon_SmallItem ID="Ribbon_SmallItem16" runat="server" ImageUrl="../Img/reply-group.png"
                                    Text="Yet another item" Tooltip="Some Tooltip..." />
                            </BottomContentTemplate>                      
                        </SBRibbon:Ribbon_MultiLineGroup>
                        
                        <SBRibbon:Ribbon_Group ID="Ribbon_Group45" runat="server" Text="Ruban">
                            <ContentTemplate>
                                <SBRibbon:Ribbon_BigItem OnClientClick="TestJS()" ID="Ribbon_BigItem41" runat="server"
                                    ImageUrl="../img/next.png" Text="Test de<br>Javascript" />
                            </ContentTemplate>
                        </SBRibbon:Ribbon_Group>
                        
                        <SBRibbon:Ribbon_Group GroupAlign="Left" ID="Ribbon_Group76" runat="server" Text="ASP.NET Controls">
                            <ContentTemplate>
                                <div>
                                    <asp:CheckBox ID="CheckBox1" runat="server" Text="Option 1" /></div>
                                <div>
                                    <asp:CheckBox ID="CheckBox2" runat="server" Text="Option 2" /></div>
                                <div>
                                    <asp:CheckBox ID="CheckBox3" runat="server" Text="Option 3" /></div>
                            </ContentTemplate>
                        </SBRibbon:Ribbon_Group>
                        
                        <SBRibbon:Ribbon_Group GroupAlign="Left" ID="Ribbon_Group1" runat="server" Text="ASP.NET Controls again">
                            <ContentTemplate>
                                <div>
                                    <asp:DropDownList ID="DropDownList1" runat="server">
                                        <asp:ListItem>Hello world</asp:ListItem>
                                    </asp:DropDownList>
                                </div>
                                <div>
                                    <asp:RadioButton ID="RadioButton1" runat="server" Text="RadioButton" /></div>
                                <div>
                                    <asp:CheckBox ID="CheckBox6" runat="server" Text="Checkbox" /></div>
                            </ContentTemplate>
                        </SBRibbon:Ribbon_Group>
                        
                    </ContentTemplate>
                </SBRibbon:Ribbon_Zone>
            </ContentTemplate>
        </ajaxToolkit:TabPanel>
        <ajaxToolkit:TabPanel ID="TabPanel3" runat="server">
            <HeaderTemplate>
                Mise en forme
            </HeaderTemplate>
            <ContentTemplate>
                <SBRibbon:Ribbon_Zone ID="Ribbon_Zone3" runat="server">
                    <ContentTemplate>
                    
                        <SBRibbon:Ribbon_Group ID="Ribbon_Group8" runat="server" Text="Group One">
                            <ContentTemplate>
                                <SBRibbon:Ribbon_SmallItem ID="Ribbon_SmallItem11" runat="server" ImageUrl="../Img/reply-group.png"
                                    Text="Test Click" Tooltip="Some Tooltip..." />
                                <SBRibbon:Ribbon_SmallItem OnClientClick="TestJS()" ID="Ribbon_SmallItem12" runat="server"
                                    ImageUrl="../Img/reply-group.png" Text="Javascript test" Tooltip="Some Tooltip..." />
                                <SBRibbon:Ribbon_SmallItem ID="Ribbon_SmallItem1" runat="server" ImageUrl="../Img/icon_excel.gif"
                                    Text="Envoyer vers Excel" Tooltip="Some Tooltip..." />
                            </ContentTemplate>
                        </SBRibbon:Ribbon_Group>
                        
                        <SBRibbon:Ribbon_Group ID="Ribbon_Group9" runat="server" Text="Ribbon">
                            <ContentTemplate>
                                <SBRibbon:Ribbon_BigItem OnClientClick="TestJS()" ID="Ribbon_BigItem6" runat="server"
                                    ImageUrl="../img/hp_tabsgraph.png" Text="Ajouter un<br>graphique" Tooltip="Some Tooltip..." />
                            </ContentTemplate>
                        </SBRibbon:Ribbon_Group>
                        
                        <SBRibbon:Ribbon_Group ID="Ribbon_Group10" runat="server" Text="Modification">
                            <ContentTemplate>
                                <SBRibbon:Ribbon_SmallItem ID="Ribbon_SmallItem13" runat="server" ImageUrl="../Img/send.png"
                                    Text="Envoyer au groupe" Tooltip="Some Tooltip..." />
                                <SBRibbon:Ribbon_SmallItem ID="Ribbon_SmallItem14" runat="server" ImageUrl="../Img/send.png"
                                    Text="Transférer au groupe" Tooltip="Some Tooltip..." />
                                <SBRibbon:Ribbon_SmallItem ID="Ribbon_SmallItem15" runat="server" ImageUrl="../Img/attach.png"
                                    Text="Attacher un élément" Tooltip="Some Tooltip..." />
                            </ContentTemplate>
                        </SBRibbon:Ribbon_Group>
                        
                        <SBRibbon:Ribbon_DualGroup ID="Ribbon_DualGroup1" runat="server" Text="Dual Group">
                            <LeftContentTemplate>
                                <SBRibbon:Ribbon_BigItem ID="Ribbon_BigItem4" runat="server" ImageUrl="../img/hp_refreshgraph.png"
                                    Text="Rafraichir<br>le graphique" Tooltip="Some Tooltip..." />
                            </LeftContentTemplate>
                            <RightContentTemplate>
                                <SBRibbon:Ribbon_SmallItem ID="Ribbon_SmallItem2" runat="server" ImageUrl="../Img/send.png"
                                    Text="Envoyer au groupe" Tooltip="Hello world..." />
                                <SBRibbon:Ribbon_SmallItem ID="Ribbon_SmallItem6" runat="server" ImageUrl="../Img/reply-sender.png"
                                    Text="Actualiser la tache" Tooltip="Click here" />
                                <SBRibbon:Ribbon_SmallItem ID="Ribbon_SmallItem10" runat="server" ImageUrl="../Img/favorites.png"
                                    Text="Ajouter aux favoris" Tooltip="Test" />
                            </RightContentTemplate>
                        </SBRibbon:Ribbon_DualGroup>
                        
                        <SBRibbon:Ribbon_Group ID="Ribbon_Group7" runat="server" Text="Aide & Support">
                            <ContentTemplate>
                                <SBRibbon:Ribbon_BigItem ID="Ribbon_BigItem7" runat="server" ImageUrl="../img/help.png"
                                    Text="Rubriques<br>d'aide" Tooltip="Some Tooltip..." />
                                <SBRibbon:Ribbon_BigItem ID="Ribbon_BigItem8" runat="server" ImageUrl="../img/help.png"
                                    Text="Support<br>en ligne" Tooltip="Some Tooltip..." />
                            </ContentTemplate>
                        </SBRibbon:Ribbon_Group>
                        
                    </ContentTemplate>
                </SBRibbon:Ribbon_Zone>
            </ContentTemplate>
        </ajaxToolkit:TabPanel>
        <ajaxToolkit:TabPanel ID="TabPanel4" runat="server">
            <HeaderTemplate>
                Lorem Ipsum
            </HeaderTemplate>
            <ContentTemplate>
                <SBRibbon:Ribbon_Zone ID="Ribbon_Zone4" runat="server">
                    <ContentTemplate>
                        <li>Create custom groups or whatever...<br />
                            Insert standard elements or anything else</li>
                        <SBRibbon:Ribbon_Separator runat="server" />
                        <li>
                            <asp:Button ID="Button1" runat="server" Text="Button" /></li>
                    </ContentTemplate>
                </SBRibbon:Ribbon_Zone>
            </ContentTemplate>
        </ajaxToolkit:TabPanel>
    </ajaxToolkit:TabContainer>
    

 
    Other page stuff here...


    
    </form>
    </body>
</html>
